<template>
    <div class="col-md-12">
        <div class="input-group">
            <span class="input-group-addon b">
                <i :class="icon + ' fa f-s-20'"></i>
            </span>
            <div class="b d">
                <span>{{ title }}</span>
                <i class="fa fa-angle-right f-s-20 pull-right"></i>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
    	name: 'IconButton',
        props: {
            icon: {type: String},
            title: {type: String, default: 'Title'}
        }
    };
</script>

<style scoped="">
    .b{border-bottom: 1px solid #dddddd; border-radius: 0}
    .d{height: 33px; padding: 5px}
</style>
